﻿<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>灰贷</title>
<link href="../skin/default/public.css" rel="stylesheet" type="text/css">
<link href="../skin/default/element.css" rel="stylesheet" type="text/css">
</head>
<body>
<!-- head -->
<div id="head">
  <div class="container clearfix">
    <div class="main-logo">
      <h1><a href="#" title="灰货"><img src="../img/main-logo.png"></a></h1>
    </div>
    <div class="main-nav">
      <ul class="clearfix">
        <li><a href="#">NEW</a></li>
        <li><a href="#">What's hot</a></li>
      </ul>
    </div>
    <div class="version">
      <h2><b>-V1.0</b> 分享来自美国Amazon的电子产品</h2>
    </div>
  </div>
</div>
<!-- main content -->
<div id="wapper">
  <div class="container container-small clearfix">
      <!-- goods-info -->
      <div class="goods-info clearfix">
        <!-- goods-images -->
        <div class="goods-images">
           <div class="big-img"><img src="../img/temp/323323.jpg" width="323" height="323"></div>
           <div class="small-img">
            <ul class="clearfix">
             <li><a href="#"><div class="mask"></div><img src="../img/temp/4848.jpg" width="48" height="48"></a></li>
             <li><a href="#"><div class="mask"></div><img src="../img/temp/4848.jpg" width="48" height="48"></a></li>
             <li><a href="#"><div class="mask"></div><img src="../img/temp/4848.jpg" width="48" height="48"></a></li>
             <li class="current"><a href="#"><div class="mask"></div><img src="../img/temp/4848.jpg" width="48" height="48"></a></li>
             <li><a href="#"><div class="mask"></div><img src="../img/temp/4848.jpg" width="48" height="48"></a></li>
             <li><a href="#"><div class="mask"></div><img src="../img/temp/4848.jpg" width="48" height="48"></a></li>
             <li><a href="#"><div class="mask"></div><img src="../img/temp/4848.jpg" width="48" height="48"></a></li>
             <li><a href="#"><div class="mask"></div><img src="../img/temp/4848.jpg" width="48" height="48"></a></li>
             <li><a href="#"><div class="mask"></div><img src="../img/temp/4848.jpg" width="48" height="48"></a></li>
            </ul>
           </div>
        </div>
        <div class="goods-description">
          <div class="info">
           <div class="price"><strong>$1354</strong></div>
           <h2>Motorola Moto 360 - Black Leather Smart Watch</h2>
          </div>
          <div class="buy-channel">
          <div class="text-tips">供参考的购买渠道</div>
            <ul>
            <li>商品原始链接（美国Amazon）</li>
            <li>美国Amazon海淘指引</li>
            <li>海360（价格￥413，运费约￥23）</li>
            <li class="no">冰帆海淘（价格￥428，运费约￥34）</li>
            <li>淘宝搜索结果</li>
            </ul>
          </div>
          <div class="text-tips text-tips1">
            <p>注：“购买渠道”旨在帮助大家在看中某个商品时，能找到有效的购买方式，将心喜之物纳入囊中。我们尽力提供齐全、可靠的购买链接，但若购买中产生问题，请联系具体的网站、店铺，本站不对链接所指向的页面负责。欢迎加入我们的QQ群，提供更多的可靠购买渠道来方便我们的用户。</p>
          </div>
        </div>
      </div> 
      
      <!-- goods-info-share -->
      <div class="goods-info-share">
      <div class="title-concise"><span>撰写我的分享</span></div>
       <!-- share-goods -->
      <div class="share-goods">
        <div class="from">
        <div class="state">鼠标悬停查看大图</div>
          <div class="obtain clearfix">
            <div class="obtain-img clearfix">
             <ul class="images clearfix">
                 <li><a href="javascript:;"><img src="../img/temp/4848.jpg" width="48" height="48"><i class="i-00"></i></a></li>
                 <li><a href="javascript:;"><img src="../img/temp/4848.jpg" width="48" height="48"><i></i></a></li>
                 <li><a href="javascript:;"><img src="../img/temp/4848.jpg" width="48" height="48"><i></i></a></li>
                 <li><a href="javascript:;"><img src="../img/temp/4848.jpg" width="48" height="48"><i></i></a></li>
                 <li><a href="javascript:;"><img src="../img/temp/4848.jpg" width="48" height="48"><i></i></a></li>
                 <li><a href="javascript:;"><img src="../img/temp/4848.jpg" width="48" height="48"><i></i></a></li>
                 <li><a href="javascript:;"><img src="../img/temp/4848.jpg" width="48" height="48"><i></i></a></li>
                 <li><a href="javascript:;"><img src="../img/temp/4848.jpg" width="48" height="48"><i></i></a></li>
             </ul>
            </div>
          </div>
          <div class="comment">
            <textarea name="" cols="" rows="" placeholder="你对该商品的看法"></textarea>
            <div class="text-tips">剩余500字</div><div class="comment-button"><button type="button" class="button-default button-disabled">发布</button></div>
          </div>
        </div>
      </div>
      </div>
      
      <!-- goods list -->
      <div class="goods-comment-list">
        <div class="title-concise"><span>本商品的分享</span></div>
        <ul class="list-content"></ul>
        <div class="refresh mtb50"><span class="loading"><a><i class="i-05"></i>正在加载更多</a></span></div>
      </div>   
  </div>
</div>

<!--js footer-->
<script type="text/javascript" src="../js/lib/jquery-1.8.3.min.js"></script>
<script type="text/javascript" src="../js/global/base.js"></script>
<script type="text/javascript" src="../js/global/userServers.js"></script>
<script type="text/javascript" src="../js/global/ui/layer_login.js"></script>
<script type="text/javascript" src="../js/global/ui/layer_warning.js"></script>
<script type="text/javascript" src="../js/global/comments/servers.js"></script>
<script type="text/javascript" src="../js/global/comments/eventhandle.js"></script>
<script type="text/javascript">
    $('.list-content').comments({'currentPage':'commentPage'}); //开启微博和评论功能
</script>
</body>
</html>
